﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>陆继祥 系统管理</title>
  
    <link rel="stylesheet" href="jQuery/easyui/themes/default/easyui.css" type="text/css" />
    <script src="jQuery/jquery.js"></script>
    <script src="jQuery/easyui/jquery.easyui.min.js"></script>
</head>
<body class="easyui-layout">
    <script>
        function addTab(title, href) {
            var tt = $('#main-center');
            if (tt.tabs('exists', title)) {
                tt.tabs('select', title);
            } else {
                if (href) {
                    var content = '<iframe scrolling="no" frameborder="0"  src="' + href + '" style="width:100%;height:100%;"></iframe>';
                } else {
                    var content = '未实现';
                }
                tt.tabs('add', {
                    title: title,
                    closable: true,
                    content: content
                });
            }
        }

        $(function () {
            $('#main-tree').tree({
                url: 'Menu.ashx',
                onClick: function (node) {
                    var url = node.attributes.url;
                    if (url != null && url != "") {
                        addTab(node.text, url);
                    }
                }
            });
        });
    </script>
    <div region="north" class="header" style="background: #fafafa; color: #2d5593; height: 80px;">
        <div style="font-size: 16px; font-weight: bold; width: 400px; padding: 10px 0 0 10px;">陆继祥  超级 系统管理</div>
    </div>
    <div region="west" title="系统功能" split="true" style="width: 150px;">
        <ul id="main-tree"></ul>
        <a href="about.aspx" target="">testabout</a>
        <br />
        <input id="Button1" type="button" value="放大镜1" onclick="addTab('放大镜1', 'myrotate.html');" />
        <br />
        <input id="Button2" type="button" value="放大镜2" onclick="addTab('放大镜2', 'index.html');" />
        <br />
        <input id="Button3" type="button" value="轮播" onclick="addTab('轮播', 'index2.html');" />
    </div>


    <div region="center">
        <div id="main-center" class="easyui-tabs" fit="true" border="false">
            <div title="首页" style="padding: 20px;">
                <div style="margin-top: 20px;">
                    <p>该系统是一个由jquery-easyui技术构建的应用示例，如果您对本系统所使用的技术感兴趣，请与我们联系。</p>
                    <p>通用系统管理：用户管理、角色管理、功能菜单管理、权限控制、用户登录等。</p>
                    <p>我们对系统进行简化，旨在说明一般功能的开发方法。</p>
                </div>
            </div>
        </div>
    </div>
    <div region="south">
        pp
    </div>
</body>
</html>
